﻿/**{*/
	/*overflow: hidden;*/
/*}*/

.wemark360 {
	 position: relative;
	 z-index: 10000;
 }

.fullscreen-container {
	position: absolute;
	width: 100% !important;
	height: 100%;
	z-index: 10000;
	margin:0px;
	top:0px;
	left: 0px;
	background-color: white;
}

.full-screen-header{
	position: absolute;
	width: 100%;
	/*height: 20px;*/
	top:0px;
	left:0px;
	/*border:1px solid red;*/
	background: url("../images/header.png") 100% top repeat-x;
	top: -2px;
	height: 28px;
}

.full-screen-header .close{
	background: url("../images/close.png") no-repeat;
	position: absolute;
	top: 3px;
	right: 11px;
	height: 21px;
	width: 19px;
	padding: 0;
	cursor: pointer;
	background-size: 100% 100%;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.image-container{
	width: 100%;
	height: 100%;
	/*visibility: hidden;*/
	/*border: 1px solid red;*/
	text-align: center;
	vertical-align: middle;
}

.image-wrapper {
	width: 100%;
	height: 100%;
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:center;
	/*background-size: 100% auto;	*/
	position: relative;
	display: none;
	overflow: hidden;
}

.image-wrapper img{
	/*width: 50%;*/
	/*height: auto;*/
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
}

.wemark360-by-height .image-wrapper{
	background-size: auto 100%;
}

.wemark360-by-width .image-wrapper {
	background-size: 100% auto;
}

.wemark360-by-height .image-wrapper img{
	width: auto;
	height: 100%;
}

.wemark360-by-width .image-wrapper img{
	width: 100%;
	height: 100%;
}

.fullscreen-container.wemark360-by-height-fullscreen .image-wrapper .low{
	width: auto;
	height: 52.4%;
}

.fullscreen-container.wemark360-by-height-fullscreen .image-wrapper .high{
	width: auto;
	height: 100%;
}

.fullscreen-container.wemark360-by-width-fullscreen .image-wrapper .low{
	width: 100%;
	height: auto;
}

.fullscreen-container.wemark360-by-width-fullscreen .image-wrapper .high{
	width: 100%;
	height: auto;
}
/*.fullscreen-container .image-wrapper img{
	width: 100%;
	height: auto;
}

.fullscreen-container .high-image.image-wrapper img{
	width: auto;
	height: 100%;
}*/

.fullscreen-container .image-wrapper{
	background-size: 100% auto ;
}

.fullscreen-container .high-image{
	background-size: auto 100%;
}

.high{
	display: none;
}

.high-image .low{
	display: none;
}

.high-image .high{
	display: block;
}
.image-container-show{
	/*visibility: visible;*/
	display: block;
}

.leftArrow, .rightArrow, .fullScreen{
	background: url("../img/icons.png") no-repeat;
	cursor: pointer;
    display: block;
    height: 22px;
    text-indent: -3000px;
    width: 93px;
    float: left;
}

.leftArrow{
	width: 47px;
	background-position: 0 -198px;
}

.leftArrow:hover{
	background-position: 0 -220px;
}

.rightArrow{
	width: 46px;
	background-position: -47px -198px;
}

.rightArrow:hover{
	background-position: -47px -220px;
}

.fullScreen{
	width: 46px;
	background-position: -47px -132px;
}

.fullScreen:hover{
	background-position: -47px -154px;
}

.ui-container{
	position: absolute;
	top: 10px;
	right: 10px;
}

.fullscreen-container .ui-container{
	top: 40px;
}


/* gm add 颜色样式 */
.color-select{
	position: absolute;
  bottom: 20px;
  left: 45.5%;
	display: none;
}

.black{
	background: url("../images/08.jpg") no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
  display: block;
	height: 35px;
  width: 35px;
  float: left;
	margin-right: 10px;
}

.blue{
	background: url("../images/09.jpg") no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
  display: block;
	height: 35px;
  width: 35px;
  float: left;
	margin-right: 10px;
}

.gray{
	background: url("../images/10.jpg") no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
  display: block;
	height: 35px;
  width: 35px;
  float: left;
}


/*.icon-360{*/
	/*background: url("../images/icon-360.png");*/
	/*position: absolute;*/
	/*right: 10px;*/
	/*width: 85px;*/
	/*height: 63px;*/
	/*background-size: 100% 100%;*/
	/*bottom: 20px;*/
	/*/!*margin-bottom: 70px;*!/*/
/*}*/

/*.interior{*/
	/*position: absolute;*/
	/*right: 30px;*/
	/*top: 30px;*/
	/*width: 145px;*/
	/*height: 80px;*/
	/*background-size: 100% 100%;*/
	/*cursor: pointer;*/
/*}*/

.fullscreen-container .interior{
	top: 80px;
}

.yin{
	z-index: -3;
}

.s{
	height: 0 !important;
}


.iframe{
	width: 1160px;;
	position: absolute;
	z-index: -2;
}
.iframe_container1,.iframe_container2{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
}
#iframe1,#iframe2{
	width: 100%;
	height: 100%;
}
.load-icon{
	left: 50%;
	top: 50%;
	position: absolute;
	text-align: center;
	z-index: 99999;
	display: none;
}
.load-img{
	width: 60px;
	height: 60px;
}
.exterior{
	background-image: url(../images/exterior.jpg);
	z-index: 100000;
	position: absolute;
	right: 30px;
	top: 30px;
	width: 145px;
	height: 80px;
	background-size: 100% 100%;
	cursor: pointer;
}
.interior_fullScreen{
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	z-index: -1;
	margin: 0px;
	top: 0px;
	left: 0px;
	background-color: white;
}
.neishi_color{
	position: absolute;
	bottom: 20px;
	left: 45.5%;
	display: none;
}
.neishiBlack{
	background: url(../images/neishigray.jpg) no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	display: block;
	height: 35px;
	width: 35px;
	float: left;
	margin-right: 10px;
}
.neishiGray{
	background: url(../images/neishiblack.jpg) no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	display: none;
	height: 35px;
	width: 35px;
	float: left;
	margin-right: 10px;
}
